<!DOCTYPE html>
<html class="no-js">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>{% block title %}Hello{% endblock %}</title>

        {% block stylesheets %}
            {% stylesheets  
                'css/style.scss'
                filter='sass'
             %}
             <link rel="stylesheet" href="{{ asset_url }}" type="text/css" />
             {% endstylesheets %}
        {% endblock %}

        <script src="js/vendor/modernizr-2.6.1.min.js"></script>
    </head>
    <body>

        <section class="all">
            <header class="wrapper">
                <h1 class="logo">Astro</h1>
                <h2 class="slogan">что скажут тебе звезды?</h2>
            </header>
            <nav class="main-menu wrapper">
                <ul>
                    <li><a href="#">На главную</a></li>
                    <li><a href="#">Астрологический прогноз</a></li>
                    <li><a href="#">О проекте</a></li>
                </ul>
            </nav>
            <article class="wrapper content">
                {% block content %}{% endblock %}
            </article>
            <footer>
                <div class="info">
                    <span class="year">2012</span>
                    <span class="copy">© Astro</span>
                </div>
            </footer>
        </section>


        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.1.min.js"><\/script>')</script>

        <script src="js/main.js"></script>
    </body>
</html>
